// 入口文件
console.log('webpack设置');
let add = (a, b) => a + b;
console.log(add(100, 200));

//commonJS 导入
let num = require('./lib/index.js')
console.log(num(100, 200));

//esm方式
import portJS from './lib/imports.js'
console.log(portJS);

//CSS 样式
import webCss from './css/index.css'

//Less 样式
import webLess from './css/index.less'

// 导入的实质是vue.runtime.common(运行版本)，没有模板编辑器
// 运行版：template + render 正式版：只能通过template来渲染模板
//导入完整版 方式一
import Vue from "vue/dist/vue";
// 方法2
// import Vue from "Vue";
//导入注册组件
import Register from "./conponents/Register.vue"
import Login from "../src/conponents/Login.vue"
import Shuiguo from "../src/conponents/Shuiguo.vue"
// Vue.component('Login',Login)
// Vue.component('Register',Register)
//创建登录组件
// const LoginCom = {
//     template: `<div class="LoginContainer">
//                      <h1>login组件</h1>
//                </div>`
// }
// Vue.component('Login',LoginCom)

//创建注册组件

// const regCom = {
//     template: `<div class="RegisterContainer">
//                      <h1>register组件</h1>
//                </div>`,
// }
// Vue.component('Register',regCom)
// //热更新测试
// console.log('测试');
const App = {
    template: `<div class="AppContainer">
                     <h1>app根组件</h1>
                     <register></register>
                     <login></login>
                     <Shuiguo></Shuiguo>
               </div>`,
               components:{
                   Register,Login,Shuiguo
               }

}
//创建App根组件
Vue.component('App', App)
// 创建根组件
new Vue({
    data: { title: "你好" },
    // template:"<h1>根组件{{title}}</h1>"
    render(h) {
        return h(App)
    }
}).$mount('#app')

